/*
 * @Author: your name
 * @Date: 2020-07-28 22:54:47
 * @LastEditTime: 2020-07-28 23:22:27
 * @LastEditors: Please set LastEditors
 * @Description: In User Settings Edit
 * @FilePath: \react-hooks-app\src\demo\showArea.js
 */

 import React, { useContext } from 'react';

 import {ColorContext} from './colorState'

 function ShowArea(){

  let colorState = useContext(ColorContext)

  return (
    <div style={{color:colorState.color}}>字体颜色</div>
  );
 }

 export default ShowArea
